<template>
  <view v-if="show" class="box">
    <view class="content">
      <text>{{message}}</text>
      <button type="primary" @click="$emit('update:show', false)">确 定</button>
    </view>
  </view>
</template>

<script setup>
  const prop = defineProps(['show', "message"])

  // {
  //     "tempFilePaths": [
  //         "file:///Users/fulin/Library/Developer/CoreSimulator/Devices/2F7CA3EB-A9AD-485A-A71E-CDB39C5F48F5/data/Containers/Data/Application/A6C67939-FA08-417F-B92E-A6C9395B283F/Documents/Pandora/apps/HBuilder/doc/uniapp_temp_1680502672414/gallery/1522437259-origin-IMG_0006.jpg"
  //     ],
  //     "tempFiles": [
  //         {
  //             "path": "file:///Users/fulin/Library/Developer/CoreSimulator/Devices/2F7CA3EB-A9AD-485A-A71E-CDB39C5F48F5/data/Containers/Data/Application/A6C67939-FA08-417F-B92E-A6C9395B283F/Documents/Pandora/apps/HBuilder/doc/uniapp_temp_1680502672414/gallery/1522437259-origin-IMG_0006.jpg",
  //             "size": 3810795
  //         }
  //     ],
  //     "errMsg": "chooseImage:ok"
  // }
</script>

<style lang="scss" scoped>
  .box {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #00000080;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    .content {
      width: 50%;
      min-height: 220rpx;
      background-color: #fff;
      border-radius: 6px;
      text-align: center;
      padding: 20rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
    }
  }
</style>